
 <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>MarkDown 语法 | Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="author" content="Mike Shaon">
    
    <meta name="description" content="何为Markdown？
Markdown是一个将文本转化为HTML的工具。简单来说，Markdown是一个兼顾可读性与易用性的轻量级标记体系。Markdown并不追求大而全，它只关心HTML里最常用的几个标记，对于一些不常用的标记它允许直接将HTML标记插入文本。
标题
在Markdown当中设置标">
    
    
    <meta name="description" content="何为Markdown？
Markdown是一个将文本转化为HTML的工具。简单来说，Markdown是一个兼顾可读性与易用性的轻量级标记体系。Markdown并不追求大而全，它只关心HTML里最常用的几个标记，对于一些不常用的标记它允许直接将HTML标记插入文本。
标题
在Markdown当中设置标题，有两种方式：第一种：通过在文字下方添加“=”和“-”，他们分别表示一级标题和二级标题。第二种：在">
<meta property="og:type" content="article">
<meta property="og:title" content="MarkDown 语法">
<meta property="og:url" content="http://ghostinmatrix.info/2015/01/30/MarkDown-语法/">
<meta property="og:site_name" content="Home">
<meta property="og:description" content="何为Markdown？
Markdown是一个将文本转化为HTML的工具。简单来说，Markdown是一个兼顾可读性与易用性的轻量级标记体系。Markdown并不追求大而全，它只关心HTML里最常用的几个标记，对于一些不常用的标记它允许直接将HTML标记插入文本。
标题
在Markdown当中设置标题，有两种方式：第一种：通过在文字下方添加“=”和“-”，他们分别表示一级标题和二级标题。第二种：在">
<meta property="og:image" content="/img/author.jpg">
<meta property="og:image" content="/img/author.jpg">
<meta property="og:image" content="/img/author.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="MarkDown 语法">
<meta name="twitter:description" content="何为Markdown？
Markdown是一个将文本转化为HTML的工具。简单来说，Markdown是一个兼顾可读性与易用性的轻量级标记体系。Markdown并不追求大而全，它只关心HTML里最常用的几个标记，对于一些不常用的标记它允许直接将HTML标记插入文本。
标题
在Markdown当中设置标题，有两种方式：第一种：通过在文字下方添加“=”和“-”，他们分别表示一级标题和二级标题。第二种：在">


    
    <link rel="alternative" href="/atom.xml" title="Home" type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/jacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/jacman.jpg">
    
    <link rel="stylesheet" href="/css/style.css" type="text/css">

</head>

  <body>
    <header>
      <div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/logo.png" alt="Home" title="Home"/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Home">Home</a></h1>
				<h2 class="blog-motto">there was a ghost in acient time, trapped in the matrix</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/archives">目录</a></li>
					
						<li><a href="/about">关于</a></li>
					
					<li>
 					
					<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
						<label>Search</label>
						<input type="search" id="search" name="q" autocomplete="off" maxlength="20" placeholder="搜索" />
						<input type="hidden" name="q" value="site:ghostinmatrix.info">
					</form>
					
					</li>
				</ul>
			</nav>			
</div>
    </header>
    <div id="container">
      <div id="main" class="post" itemscope itemprop="blogPost">
  
	<article itemprop="articleBody"> 
		<header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/2015/01/30/MarkDown-语法/" title="MarkDown 语法" itemprop="url">MarkDown 语法</a>
  </h1>
  <p class="article-author">By
       
		<a href="http://ghostinmatrix.info/about" title="Mike Shaon" target="_blank" itemprop="author">Mike Shaon</a>
		
  <p class="article-time">
    <time datetime="2015-01-30T06:33:10.000Z" itemprop="datePublished"> 发表于 1月 30 2015</time>
    
  </p>
</header>
	<div class="article-content">
		
		<div id="toc" class="toc-article">
			<strong class="toc-title">文章目录</strong>
		
			<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#何为Markdown？"><span class="toc-number">1.</span> <span class="toc-text">何为Markdown？</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#标题"><span class="toc-number">2.</span> <span class="toc-text">标题</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#换行"><span class="toc-number">3.</span> <span class="toc-text">换行</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#引用"><span class="toc-number">4.</span> <span class="toc-text">引用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#列表"><span class="toc-number">5.</span> <span class="toc-text">列表</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#代码区域"><span class="toc-number">6.</span> <span class="toc-text">代码区域</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#强调"><span class="toc-number">7.</span> <span class="toc-text">强调</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#链接"><span class="toc-number">8.</span> <span class="toc-text">链接</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#图片"><span class="toc-number">9.</span> <span class="toc-text">图片</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#其他"><span class="toc-number">10.</span> <span class="toc-text">其他</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#自动连接"><span class="toc-number"></span> <span class="toc-text">自动连接</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#分割线"><span class="toc-number"></span> <span class="toc-text">分割线</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#转义字符"><span class="toc-number"></span> <span class="toc-text">转义字符</span></a>
		
		</div>
		
		<h2 id="何为Markdown？">何为Markdown？</h2>
<p>Markdown是一个将文本转化为HTML的工具。简单来说，Markdown是一个兼顾可读性与易用性的轻量级标记体系。Markdown并不追求大而全，它只关心HTML里最常用的几个标记，对于一些不常用的标记它允许直接将HTML标记插入文本。</p>
<h2 id="标题">标题</h2>
<p>在Markdown当中设置标题，有两种方式：<br>第一种：通过在文字下方添加“=”和“-”，他们分别表示一级标题和二级标题。<br>第二种：在文字开头加上 “#”，通过“#”数量表示几级标题。（一共只有1~6级标题，1级标题字体最大）</p>
<p><em>语法:</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div></pre></td><td class="code"><pre><div class="line"></div><div class="line">第一种方式：</div><div class="line">标题<span class="number">1</span></div><div class="line">================</div><div class="line">标题<span class="number">2</span></div><div class="line">----------------</div><div class="line">第二种方式：</div><div class="line"><span class="comment">#标题1</span></div><div class="line"><span class="comment">##标题2</span></div><div class="line"><span class="comment">###标题3</span></div><div class="line"></div><div class="line"><span class="comment">######标题6</span></div></pre></td></tr></table></figure>

<h2 id="换行">换行</h2>
<p>在文字末尾使用两个（或以上）空格表示换行。  </p>
<h2 id="引用">引用</h2>
<p>行首使用“&gt;”加上一个空格表示引用段落，内部可以使用多个引用。</p>
<p><em>语法</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div></pre></td><td class="code"><pre><div class="line"></div><div class="line">&gt;引用，</div><div class="line">&gt;没有换行，      </div><div class="line">&gt;换行了。</div><div class="line">&gt;&gt;内部嵌套。</div></pre></td></tr></table></figure>

<p><em>效果</em></p>
<blockquote>
<p>引用，<br>没有换行，<br>换行了。</p>
<blockquote>
<p>内部嵌套。</p>
</blockquote>
</blockquote>
<h2 id="列表">列表</h2>
<p><strong>无序列表</strong>使用*、+、-后面加上空格表示</p>
<p><em>语法：</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div></pre></td><td class="code"><pre><div class="line">* Item1</div><div class="line">* Item2</div><div class="line">* Item3</div><div class="line"></div><div class="line">+ item1</div><div class="line">+ item2</div><div class="line">+ item3</div><div class="line"></div><div class="line">- itEm1</div><div class="line">- itEm2</div><div class="line">- itEm3</div></pre></td></tr></table></figure>

<p><em>效果：</em></p>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<ul>
<li>itEm1</li>
<li>itEm2</li>
<li>itEm3</li>
</ul>
<p><strong>有序列表</strong>使用<strong>数字</strong>加<strong>英文句号</strong>加<strong>空格</strong><br><em>语法：</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line"><span class="number">1</span>. Item1</div><div class="line"><span class="number">2</span>. Item2</div><div class="line"><span class="number">3</span>. Item3</div></pre></td></tr></table></figure>

<p><em>效果:</em></p>
<ol>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ol>
<h2 id="代码区域">代码区域</h2>
<p><em>语法：</em><br><strong>行内代码</strong>使用反斜杠`表示<br><strong>代码段落</strong>则在每行文字前加4个空格或一个缩进符表示。</p>
<p><em>效果：</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div></pre></td><td class="code"><pre><div class="line">private void sort(int start, int end, int[] num){</div><div class="line">        <span class="keyword">if</span>(start&lt;end){</div><div class="line">            int begin = start,last = end;</div><div class="line">            int tree = num[start];</div><div class="line">            <span class="keyword">while</span>(start&lt;end){</div><div class="line">                <span class="keyword">for</span>(;end&gt;start && num[end]&gt;=tree;end--);</div><div class="line">                num[start] = num[end];</div><div class="line">                <span class="keyword">for</span>(;end&gt;start && num[start]&lt;=tree;start++);</div><div class="line">                num[end] = num[start];</div><div class="line">            }</div><div class="line">            num[start] = tree;</div><div class="line">            sort(begin,start-<span class="number">1</span>,num);</div><div class="line">            sort(start+<span class="number">1</span>,last,num);</div><div class="line">        }</div><div class="line">    }</div></pre></td></tr></table></figure>

<h2 id="强调">强调</h2>
<p>Markdown使用*号或_号表示强调。</p>
<p><em>语法：</em></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">*斜体*</div><div class="line">_斜体_</div><div class="line">**加粗**</div><div class="line">__加粗__</div></pre></td></tr></table></figure>

<p><em>效果：</em></p>
<p><em>斜体</em><br><em>斜体</em><br><strong>加粗</strong><br><strong>加粗</strong></p>
<h2 id="链接">链接</h2>
<p>Markdown支持两种风格链接：Inline和Refrence（行内链接和引用链接）</p>
<p><em>语法：</em><br>Inline：以中括号标记显示的链接文本，后面紧跟用小括号包围的链接。如果链接有title属性，则在链接中使用空格加”title属性”。<br>Reference：一般应用于多个不同位置使用相同链接。通常分为两个部分，调用部分为<a href="http://www.baidu.com" target="_blank" rel="external">链接文本</a>；定义部分可以出现在文本中的其他位置，格式为<a href="http://www.baidu.com" target="_blank" rel="external">ref</a>: <a href="http://some/link/address" target="_blank" rel="external">http://some/link/address</a> (可选的标题)。<br>注：ref中不区分大小写。</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">这是一个Inline[示例](http://www.baidu.com <span class="string">"baidu"</span>)。</div><div class="line">这是一个Reference[示例][ref]。</div><div class="line">[ref]: http://www.baidu.com</div></pre></td></tr></table></figure>

<p><strong>效果：</strong><br>这是一个Inline<a href="http://www.baidu.com" title="baidu" target="_blank" rel="external">示例</a>。<br>这是一个Reference<a href="http://www.baidu.com" target="_blank" rel="external">示例</a>。</p>
<h2 id="图片">图片</h2>
<p>图片使用和连接类似，只用在中括号前加感叹号。<br>但是markdown不能设置图片大小，如果必须设置则应使用HTML标记<img></p>
<p><strong>语法:</strong></p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">Inline示例：![头像](/img/author.jpg <span class="string">"可选的title"</span>)</div><div class="line">Reference示例：![头像][pic]</div><div class="line">[pic]: /img/author.jpg <span class="string">"可选的title"</span></div><div class="line">HTML示例：&lt;img src=<span class="string">"/img/author.jpg"</span> alt=<span class="string">"头像"</span> title=<span class="string">"标题文本"</span> width=<span class="string">"150"</span> /&gt;</div></pre></td></tr></table></figure>

<p><strong>效果：</strong><br>Inline示例：<img src="/img/author.jpg" alt="头像" title="可选的title"><br>Reference示例：<img src="/img/author.jpg" alt="头像" title="可选的title"></p>
<p>HTML示例：<img src="/img/author.jpg" alt="头像" title="标题文本" width="150"></p>
<h2 id="其他">其他</h2>
<h1 id="自动连接">自动连接</h1>
<p>使用尖括号，可以为输入的URL或者邮箱自动创建链接。如test@domain.com。<br><a href="http://www.baidu.com" target="_blank" rel="external">http://www.baidu.com</a></p>
<h1 id="分割线">分割线</h1>
<p>使用三个以上*或-或_添加分割线。</p>
<h1 id="转义字符">转义字符</h1>
<p>在关键字前面加\，即为其符号的本意。</p>
  
	</div>
		<footer class="article-footer clearfix">
<div class="article-catetags">


  <div class="article-tags">
  
  <span></span> <a href="/tags/Markdown/">Markdown</a><a href="/tags/文本编辑/">文本编辑</a>
  </div>

</div>



	<div class="article-share" id="share">
	
	  <div data-url="http://ghostinmatrix.info/2015/01/30/MarkDown-语法/" data-title="MarkDown 语法 | Home" data-tsina="2467872254" class="share clearfix">
	  </div>
	
	</div>


</footer>

   	       
	</article>
	
<nav class="article-nav clearfix">
 
 <div class="prev" >
 <a href="/2015/03/19/JVM-垃圾回收（GC）/" title="JVM-GC">
  <strong>上一篇：</strong><br/>
  <span>
  JVM-GC</span>
</a>
</div>


</nav>

	

</div>  
      <div class="openaside"><a class="navbutton" href="#" title="显示侧边栏"></a></div>

  <div id="toc" class="toc-aside">
  <strong class="toc-title">文章目录</strong>
 
 <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#何为Markdown？"><span class="toc-number">1.</span> <span class="toc-text">何为Markdown？</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#标题"><span class="toc-number">2.</span> <span class="toc-text">标题</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#换行"><span class="toc-number">3.</span> <span class="toc-text">换行</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#引用"><span class="toc-number">4.</span> <span class="toc-text">引用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#列表"><span class="toc-number">5.</span> <span class="toc-text">列表</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#代码区域"><span class="toc-number">6.</span> <span class="toc-text">代码区域</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#强调"><span class="toc-number">7.</span> <span class="toc-text">强调</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#链接"><span class="toc-number">8.</span> <span class="toc-text">链接</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#图片"><span class="toc-number">9.</span> <span class="toc-text">图片</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#其他"><span class="toc-number">10.</span> <span class="toc-text">其他</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#自动连接"><span class="toc-number"></span> <span class="toc-text">自动连接</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#分割线"><span class="toc-number"></span> <span class="toc-text">分割线</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#转义字符"><span class="toc-number"></span> <span class="toc-text">转义字符</span></a>
 
  </div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div>
<aside class="clearfix">

  

  
<div class="tagslist">
	<p class="asidetitle">标签</p>
		<ul class="clearfix">
		
			<li><a href="/tags/垃圾回收/" title="垃圾回收">垃圾回收<sup>1</sup></a></li>
		
			<li><a href="/tags/GC/" title="GC">GC<sup>1</sup></a></li>
		
			<li><a href="/tags/文本编辑/" title="文本编辑">文本编辑<sup>1</sup></a></li>
		
			<li><a href="/tags/Markdown/" title="Markdown">Markdown<sup>1</sup></a></li>
		
		</ul>
</div>


  <div class="rsspart">
	<a href="/atom.xml" target="_blank" title="rss">RSS 订阅</a>
</div>

</aside>
</div>
    </div>
    <footer><div id="footer" >
	
	<div class="line">
		<span></span>
		<div class="author"></div>
	</div>
	
	
	<section class="info">
		<p> Hello ,I&#39;m Ghost in Matrix <br/>
			This is my blog, and I spent all day making it.</p>
	</section>
	 
	<div class="social-font" class="clearfix">
		
		<a href="http://weibo.com/2467872254" target="_blank" class="icon-weibo" title="微博"></a>
		
		
		
		
		
		
		
		
		
		
	</div>
		<p class="copyright">Powered by <a href="http://zespia.tw/hexo/" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Pacman">Jacman</a> © 2015 
		
		<a href="http://ghostinmatrix.info/about" target="_blank" title="Mike Shaon">Mike Shaon</a>
		
		</p>
</div>
</footer>
    <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
      
      $('#toc.toc-aside').css('display', 'none');
        
    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>

<script type="text/javascript">
$(document).ready(function(){ 
  var ai = $('.article-content>iframe'),
      ae = $('.article-content>embed'),
      t  = $('#toc'),
      h  = $('article h2')
      ah = $('article h2'),
      ta = $('#toc.toc-aside'),
      o  = $('.openaside'),
      c  = $('.closeaside');
  if(ai.length>0){
    ai.wrap('<div class="video-container" />');
  };
  if(ae.length>0){
   ae.wrap('<div class="video-container" />');
  };
  if(ah.length==0){
    t.css('display','none');
  }else{
    c.click(function(){
      ta.css('display', 'block').addClass('fadeIn');
    });
    o.click(function(){
      ta.css('display', 'none');
    });
    $(window).scroll(function(){
      ta.css("top",Math.max(140,320-$(this).scrollTop()));
    });
  };
});
</script>


<script type="text/javascript">
$(document).ready(function(){ 
  var $this = $('.share'),
      url = $this.attr('data-url'),
      encodedUrl = encodeURIComponent(url),
      title = $this.attr('data-title'),
      tsina = $this.attr('data-tsina'),
      description = $this.attr('description');
  var html = [
  '<a href="#" class="overlay" id="qrcode"></a>',
  '<div class="qrcode clearfix"><span>扫描二维码分享到微信朋友圈</span><a class="qrclose" href="#nothing"></a><strong>Loading...Please wait</strong><img id="qrcode-pic" data-src="http://s.jiathis.com/qrcode.php?url=' + encodedUrl + '"/></div>',
  '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
  '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
  '<a href="#qrcode" class="article-share-qrcode" title="微信"></a>',
  '<a href="http://widget.renren.com/dialog/share?resourceUrl=' + encodedUrl + '&srcUrl=' + encodedUrl + '&title=' + title +'" class="article-share-renren" target="_blank" title="人人"></a>',
  '<a href="http://service.weibo.com/share/share.php?title='+title+'&url='+encodedUrl +'&ralateUid='+ tsina +'&searchPic=true&style=number' +'" class="article-share-weibo" target="_blank" title="微博"></a>',
  '<span title="Share to"></span>'
  ].join('');
  $this.append(html);
  $('.article-share-qrcode').click(function(){
    var imgSrc = $('#qrcode-pic').attr('data-src');
    $('#qrcode-pic').attr('src', imgSrc);
    $('#qrcode-pic').load(function(){
        $('.qrcode strong').text(' ');
    });
  });
});     
</script>









<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.article-content').each(function(i){
    $(this).find('img').each(function(){
      if ($(this).parent().hasClass('fancybox')) return;
      var alt = this.alt;
      if (alt) $(this).after('<span class="caption">' + alt + '</span>');
      $(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
    });
    $(this).find('.fancybox').each(function(){
      $(this).attr('rel', 'article' + i);
    });
  });
  if($.fancybox){
    $('.fancybox').fancybox();
  }
}); 
</script>



<!-- Analytics Begin -->





<!-- Analytics End -->

<!-- Totop Begin -->

	<div id="totop">
	<a title="返回顶部"><img src="/img/scrollup.png"/></a>
	</div>
	<script src="/js/totop.js"></script>

<!-- Totop End -->

<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->


<!-- MathJax End -->

  </body>
</html>
